
<template>
    <div class="rightbody">
        <div class="formheader">
			<a @click="addInput" class="forminput">输入框</a>
			<a @click="addSubmit" class="formbutton">提交按钮</a>
		</div>
    </div>
</template>


<script>

export default{

	name:'form',
	methods:{
		addInput(){
			// debugger

        var params = {};
        params.type = 100;
        this.$store.dispatch('addComponent',params);			

		},
		addSubmit(){
		    var params = {};
		    params.type = 200;
		    this.$store.dispatch('addComponent',params);				
		},
	},


}
</script>


<style type="text/javascript">
.formheader{width: 100%;height: 120px;border-bottom: 1px solid #ececec;overflow: hidden;}
.formheader a{float: left; width: 79px;height: 79px;padding-top: 39px;margin-top: 20px; line-height: 40px;text-align: center;border: 1px solid #ececec;font-size: 14px;color: #696969;}
.formheader a.forminput{background: url(../assets/images/ficon1.png) no-repeat center 10px;margin-left: 50px;}
.formheader a.forminput:hover{background: url(../assets/images/oficon1.png) no-repeat center 10px #1abd9b;color: #fff;border: 1px solid #1abd9b;}
.formheader a.formbutton{background: url(../assets/images/ficon2.png) no-repeat center 10px;margin-left: 40px;}
.formheader a.formbutton:hover{background: url(../assets/images/oficon2.png) no-repeat center 10px #1abd9b;color: #fff;border: 1px solid #1abd9b;}
</style>
